.product{padding:32px 0;}    
.wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.title{text-align: center;}
.title .t1{line-height: 50px;font-size:36px;color:#333;font-weight:bold;background:url(../images/title1.png) no-repeat center center;}
.title .t2{line-height: 30px;font-size:18px;color:#999;text-transform:uppercase;}       
 
.swiper-product{margin:22px auto;}
.swiper-product a{display:block;}
.swiper-product a .pic{width:100%;position:relative;overflow:hidden;border:1px solid #d2d2d2;box-sizing: border-box}
.swiper-product a .pic:before{display:block;content:"";padding-top:77%;}
.swiper-product a .txt{background:#e1e1e0;font-size:16px;color:#333;text-align:center;line-height:58px;}
.swiper-product a:hover .img_cover{transform:scale(1.1);}
.swiper-product a:hover .txt{background:#383431;color:#fff;}
.prev-product ,.next-product{background:url(/images/left.png) no-repeat center center;width:27px;height:51px;margin:0;transform:translate(0,-50%);}
.prev-product{left:-50px;}     
.next-product{right:-50px;transform:translate(0,-50%) scale(-1,1)}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}     
        .img_cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	padding: auto;
}